<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>关于我</title>
    <meta name="description" content="本页面是作者的信息">
    <div th:replace="_fragments::basicrefrence"></div>
</head>


<!--网页主体-->
<body>

    <!--网页头-->
<nav th:replace="_fragments::guesthead"></nav>



    <div class="m-tenDistance">
        <div class="ui container">
            <div class="ui stackable grid">

                <div class="six wide column">
                    <div class="ui top attached segment">
                        <h2 class="ui header">关于我</h2>
                        <img src="images/MyHead.jpg" class="ui avatar image">
                        <span>大地崩坏苍蝇兽</span>
                    </div>

                    <div class="ui attached segment">
                        <h3 class="ui header">签名</h3>
                        <span class="item">虽然这个人很勤劳,但是他什么都没有留下</span>
                    </div>

                    <div class="ui attached segment">
                        <h3 class="ui header">个人标签</h3>
                        <div class="ui teal basic label"><s>&nbsp;&nbsp;究极欧皇&nbsp;&nbsp;</s>&nbsp;&nbsp;想成为究极欧皇&nbsp;&nbsp;</div>
                    </div>


                    <div class="ui bottom attached segment">
                        <h3 class="ui header">联系方式</h3>
                        <a href="https://gitee.com/syyrjx" target="_blank" class="ui circular icon button"><i class="github icon"></i> </a>
                        <a href="#" class="ui circular icon button weixin"><i class="weixin icon"></i> </a>
                        <a href="#" class="ui circular icon button qq" data-content="1198643677"><i class="qq icon"></i> </a>

                        <div class="ui weixin bottom flowing popup transition hidden">
                            <img src="images/mainPic.jpg" class="ui rounded image weixinImg" width="100px" />
                        </div>
                    </div>

                </div>

                <div class="ten wide column">
                    <div class="ui top segment">
                        <img src="images/I.jpg" width="450" height="450" class="ui image">
                    </div>
                </div>


            </div>
        </div>

    </div>


    <!--网站页脚-->
    <footer th:replace="_fragments::guestfoot"></footer>


</body>

<script type="text/javascript">

    $('.weixin').popup({
        popup:$('.weixinImg')
    });

    $('.qq').popup();

</script>

</html>